<include file="Index:header" />

<!--左侧菜单-->
<!--<div class="col-md-2" id="left-menu">
    <ul class="nav nav-pills nav-stacked">
        <li role="presentation"   ><a href="__APP__/"><i class="glyphicon glyphicon-home"></i>控制台</a></li>
        <li role="presentation"   ><a href="__APP__/Capacity/learnstyles"><i class="glyphicon glyphicon-warning-sign"></i>学习风格</a></li>
        <li role="presentation"  class="active"><a href="__APP__/Capacity/potential"><i class="glyphicon glyphicon-warning-sign"></i>多元潜能</a></li>
    </ul>
</div>-->

<div class="col-md-10" id="contents">
    <!--测试简介-->
    <div class="test-desc">

        <div class="alert alert-success" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
            <p>多元潜能</p>
        </div>
        <div class="lb_introduce_text">
            <p>
                <img src="http://dss.hustwenhua.net:83/App_Themes/Default/images/paragraph.png" alt="">
                世界著名教育心理学家霍华德·加德纳在其《心智的结构》一书中提出了“多元智力”的概念，他认为，支撑多元智力的是个体身上相对独立存在着的、与特定的认知领域或知识范畴相联系的八种智能。这八种智能分别是语言智能、逻辑数理智能、视觉空间智能、身体运动智能、音乐智能、人际智能、自我认识智能和自然观察智能。
            </p>
            <div style="text-align: center;">
                <img src="http://dss.hustwenhua.net:83/App_Themes/Default/images/duoyuanqianneng.png" alt="">
            </div>

            <p>
                <img src="http://dss.hustwenhua.net:83/App_Themes/Default/images/paragraph.png" alt="">
                每一个人在这些智能上的表现都是不同的，因而学习的途径和方式也不一样；家长和老师如果能及早发现学生的多元智能特点——即哪些智能呈现优势，哪些表现出劣势，因材施教，发挥每个学生最大的优势，那么每个学生都能成功。
            </p>
            <p>
                <img src="http://dss.hustwenhua.net:83/App_Themes/Default/images/paragraph.png" alt="">
                多元智能测试共72题，每种智能对应9题，根据参与测评者的作答结果对各智能得分进行统计，确定测评者的优势智能。
            </p>
        </div>
        <br>
        <br>
        <a type="btn"  class="btn btn-default btn-block btn-success start-test">点击开始测试</a>
    </div>
    <include file="Index:testcontent" />
</div>

<include file="Index:footer" />
<script>
    var num = 0; //表示第一道题
    $(function () {
        $(".pageCount").html(potential.length);
        //点击开始测试
        $(".start-test").click(function () {
            $(".test-desc").hide();
            $(".test-content").show();
            $(".test-title").html(potential[num].title);
            var question = showQuestion(num);
            $(".test-questions").html(question);
        });
        //下一道题
        $(".start-next-test").click(function () {
            nextQuestion();
        });
        //上一道题
        $(".start-last-test").click(function () {
            lastQuestion();
        });
    });

    function nextQuestion() {
        if (num >= potential.length - 1) {
            alert("最后一道题");
            return;
        }
        num = num + 1;
        $(".test-title").html(potential[num].title);
        var question = showQuestion(num);
        $(".test-questions").html(question);
    }
    function lastQuestion() {
        if (num == 0) {
            alert("第一题了");
            return;
        }
        num = num - 1;
        $(".test-title").html(potential[num].title);
        var question = showQuestion(num);
        $(".test-questions").html(question);
    }
    //显示问题
    function showQuestion(num) {
        $(".pageNow").html(num+1);
        var results = potential[num].result;
        var question = "";
        for (var i in results) {
            question = question + "<a class='list-group-item'><input type='radio' name='result' class='' value='A'>" + results[i] + "</a>";
        }
        return question;
    }
</script>
